<template>
  <div>
    <footer>
      <div class="footer_left">
        <ul>
          <p>关于欢太</p>
          <li>了解欢太</li>
          <li>欢太产品与服务</li>
          <li>联系我们</li>
        </ul>
        <ul>
          <p>OPPO产品</p>
          <li>OPPO Reno6</li>
          <li>OPPO Reno6 Pro</li>
          <li>OPPO Reno6 Pro+</li>
          <li>OPPO Find X3 Pro</li>
          <li>OPPO Find X3</li>
          <li>OPPO Reno5</li>
          <li>OPPO K9</li>
          <li>OPPO K7x</li>
          <li>OPPO A95</li>
          <li>OPPO A93</li>
        </ul>
        <ul>
          <p>一加产品</p>
          <li>OnePlus 9 Pro</li>
          <li>OnePlus 9</li>
          <li>OnePlus 9R</li>
          <li>OnePlus 8T</li>
          <li>OnePlus 8</li>
          <li>OnePlus 8 Pro</li>
          <li>OnePlus Watch</li>
        </ul>
        <ul>
          <p>realme产品</p>
          <li>真我GT Neo 闪速版</li>
          <li>真我X7 Pro 至尊版</li>
          <li>真我Q3 Pro 狂欢版</li>
          <li>真我V15</li>
          <li>真我Buds Air 2 Neo</li>
        </ul>
        <ul>
          <p>服务政策</p>
          <li>OPPO售后政策</li>
          <li>一加售后政策</li>
          <li>realme售后政策</li>
          <li>配送发货说明</li>
          <li>花呗分期说明</li>
          <li>电子发票说明</li>
        </ul>
      </div>
      <div class="footer_right">
        <span>🎧在线客服</span>
        <p>400-1999-666</p>
        <p class="shijian">24 小时全国热线</p>
      </div>
    </footer>
    <div class="footer_bottom">
      <div></div>
      <p>
        © 2021 欢太 版权所有 粤ICP备14012291号 | 隐私政策 | 用户使用协议 |
        资质证照 | 知识产权
      </p>
      <p>🔞 粤公网安备 44190002004935号</p>
    </div>
    <div id="guanggao">🙏给个评分吧</div>
  </div>
</template>

<script>
export default {};
</script>

<style lang='scss' scoped>
footer {
  position: relative;
  height: 500px;
  background-color: #fff;
}
.footer_left ul {
  margin-top: 70px;
  list-style: none;
  float: left;
  margin-left: 50px;
}
.footer_left ul:nth-child(1) {
  margin-left: 150px;
}
.footer_left ul li {
  margin-top: 15px;
  color: rgb(102, 102, 102);
}

.footer_right span {
  display: inline-block;
  width: 180px;
  height: 50px;
  font-size: 18px;
  text-align: center;
  border-radius: 32.5px;
  background-color: rgb(101, 101, 101);
  color: rgb(255, 255, 255);
  line-height: 50px;
}
.footer_right p {
  margin-top: 10px;
  font-size: 24px;
  text-align: center;
}
.footer_right .shijian {
  text-align: center;
  font-size: 15px;
  color: rgb(134, 138, 138);
}
.footer_right {
  position: absolute;
  right: 150px;
  top: 70px;
  text-align: right;
}

#guanggao {
  width: 30px;
  height: 140px;
  background-color: tomato;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  border-radius: 7px 0 0 7px;
  position: fixed;
  bottom: 10px;
  right: 0;
  z-index: 99999;
}
#guanggao:hover {
  width: 33px;
  font-size: 17px;
  background-color: red;
}
.footer_bottom {
  background-color: white;
  text-align: center;
  color: rgb(147, 154, 154);
  font-size: 12px;
  margin-top: -15px;
  height: 150px;
}
.footer_bottom p {
  margin-top: 15px;
}
</style>